/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
 * ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
 * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
 * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
 * ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
 * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
 * ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
 * ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
 * ┃ This file is part of the Perspective library, distributed under the terms ┃
 * ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
 * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
 */

@import url("https://fonts.googleapis.com/css?display=block&family=Open+Sans:400");

@import "@perspective-dev/viewer/dist/css/themes.css";
@import "regular_table_reset.css";

perspective-viewer {
    text-align: initial;
}
/* 
html.plugin-pages .navbar__logo {
    opacity: 0;
    transition: opacity 0.2s;
}

html.plugin-pages body.scrolled .navbar__logo {
    opacity: 1;
} */

html.plugin-pages .navbar-sidebar .navbar__logo {
    opacity: 1;
}

/* var(--ifm-font-size-base) / var(--ifm-line-height-base)
    var(--ifm-font-family-base) */

/* You can override the default Infima variables here. */
:root {
    --ifm-color-primary: #2e8555;
    /* --ifm-color-primary: #fff; */
    --ifm-background-surface-color: #f2f4f6;
    --ifm-footer-background-color: #f2f4f6;
    --ifm-color-primary-dark: #29784c;
    --ifm-color-primary-darker: #277148;
    --ifm-color-primary-darkest: #205d3b;
    --ifm-color-primary-light: #33925d;
    --ifm-color-primary-lighter: #359962;
    --ifm-color-primary-lightest: #3cad6e;
    --ifm-code-font-size: 95%;
    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);

    --hero-banner-logo--url: url(/svg/perspective-logo-light.svg);

    --ifm-heading-font-family: "Open Sans";
    --ifm-font-family-base: "Open Sans";
    --ifm-heading-font-weight: 400;
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme="dark"] {
    --ifm-color-primary: #25c2a0;
    --ifm-background-surface-color: #242526;
    --ifm-footer-background-color: #242526;
    /* --ifm-color-primary: #242526; */
    --ifm-color-primary-dark: #21af90;
    --ifm-color-primary-darker: #1fa588;
    --ifm-color-primary-darkest: #1a8870;
    --ifm-color-primary-light: #29d5b0;
    --ifm-color-primary-lighter: #32d8b4;
    --ifm-color-primary-lightest: #4fddbf;
    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);

    --hero-banner-logo--url: url(/svg/perspective-logo-dark.svg);
    /* --hero-banner-logo--url: url(/img/logo/logo-dark.png);; */
}

.navbar {
    justify-content: center;
    align-items: bottom;
    /* margin-bottom: -108px; */
    z-index: 100000;
}

/* .navbar__items--right {
    align-items: baseline;
    font-size: 14px;
} */

.header-center .navbar__inner {
    width: 590px;
}

.navbar__logo {
    display: flex;
    flex: 0 0 auto;
    height: 21px;
}

.header-center hr {
    width: 100%;
}

.header-center .main-wrapper {
    padding-top: 108px;
}

.header-center .footer .container {
    max-width: 590px;
    margin: auto;
}

.main-wrapper {
    background-color: var(--ifm-navbar-background-color);
}

.header-center:not(.header-shift) .navbar {
    margin-bottom: -60px;
}

.header-center.header-shift .navbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 100px;
}

[data-theme="dark"] .navbar__logo img {
    content: url(/svg/perspective-logo-dark.svg);
}

.navbar {
    box-shadow: none !important;
}

perspective-viewer {
    border-radius: 10px;
    border: 1px solid #bebebe;
    overflow: hidden;
}

[data-theme="dark"] perspective-viewer {
    border-color: #666;
}
